<template>
  <div class="nav ptb20">
    <ul>
      <li v-for="(item, index) in navList" :key="index" @click="go(item.id,index)">
        <div class="flex_sb_col ptb10" >
          
          <img v-lazy="item.iconUrl" />
  
          <p class="mt5">{{ item.name }}</p>
        </div>
      </li>
    </ul>
  </div>
</template>

<script>
import { goodsCat } from '../../assets/api/typeapi.js'
export default {
  data() {
    return {
      navList: [],
      idlist:[]
    };
  },methods:{
    go(id){
      goodsCat(id).then(res=>{
        this.idlist=res.data.data.currentCategory;
        
        this.$router.push({
          name:"typeThr",
          query:{
          category_id:this.idlist.id,
          category_pid:id
          }
        })
      })
      // this.$router.push({
      //   name:"typeThr",
      //   query:{
      //     category_pid:id,
      //     i:index
      //   } 
      // })
     
    }
  }
};
</script>

<style lang="scss" scoped>
.nav {
    background-color: white;
    text-align: center;
    ul {
        display: flex;
        flex-wrap: wrap;
        li{
            width: 20%;
        }
    }
  img {
    width: 20px;
    height: 20px;
  }
}
</style>

